<template>
	<view class="col313131 f26r">
		<navbar background="background-image: linear-gradient(to right, #2c6739, #99c043);"
			title="兑换中心" back @onBack="goBack"
		></navbar>
		<view class="pt30r pl20r pr20r">
			<view class="teAliCenter f28r" @click="goScanningCode">
				<image :src="baseUrl + 'clickToScanCode.png'" mode="aspectFit"
					class="w200r h200r mb30r disBlock mAuto"
				></image>
				<view>
					扫码兑换
				</view>
			</view>
			<view class="mt100r">
				请输入兑换码
				<input type="text" placeholder="兑换码"
					class="h100r disBlock pl20r pr20r bor1SDcdcde f26r mt20r borRad10r"
				>
			</view>
			<view class="backImgLiGrTR2c6739a99c043 lh90r colFff borRad10r mt60r teAliCenter">
				立即兑换
			</view>
			<view class="mt40r">
				兑换说明
			</view>
			<view class="foWeiBold f36r mt20r">
				欢迎来到兑换中心
			</view>
			<view class="col99c043">
				操作中心
			</view>
			<view class="">
				1.刮下银层，输入兑换码即可使用；
			</view>
			<view>
				2.兑换成功后，用户余额会增加兑换金额；请到个人中心-我的钱包中查看。
			</view>
			<view class="col99c043">
				温馨提示：
			</view>
			<view>
				1.同一个账号可使用多张充值卡，余额会自动增加；
			</view>
			<view>
				2.如有疑问，请拨打电话或联系客服
			</view>
		</view>
	</view>
</template>
<script>
import navbar from '@/components/navbar.vue'
import { baseUrl } from '@/utils/request.js'
export default {
	components: { navbar },
	data() {
		return {
			baseUrl,
		}
	},
	onLoad() {
	
	},
	methods: {
		goBack() {
			uni.navigateBack();
		},
		goScanningCode() {
			uni.scanCode({// 允许从相机和相册扫码
				success:res1 => {
					console.log('条码类型：' + res1.scanType);
					console.log('条码内容：' + res1.result);
					uni.showModal({
						title: res1.scanType,
						content: res1.result,
						showCancel: false, success:res2 => {
							if(res2.confirm) {
								console.log(111)
							}
						}
					})
				}
			});
		}
	}
}
</script>
<style>
page {background-color: white;}
</style>